<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../img/favicon.png">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <title>购物车-小米有品</title>
</head>

<body>

    <header></header>

    <div class="append">
        <div class="con">
            <div class="nav">
                <span>首页 ></span>
                <span>购物车</span>
            </div>
            <div class="g-con">
                <div class="title">
                    <div class="checkall">
                        <input type="checkbox" class="checkAll">
                    </div>
                    <span class="c-all">全选</span>
                    <span class="g-info">商品信息</span>
                    <span class="price">单价</span>
                    <span class="count">数量</span>
                    <span class="money">金额</span>
                    <span class="opration">操作</span>
                </div>
                <div class="list"></div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="b-con">
            <div class="b-title">
                <span>全选</span>
                <span class="already-select">已选 <b class="a-num">0</b> 件</span>
            </div>
            <div class="total">
                <span>合计：￥<span class="total-num">0.00</span></span>
            </div>
            <button>去结算</button>
        </div>
    </div>
    </div>
    <div class="f-box"></div>
    <footer></footer>

     <!-- 登陆提示 -->
     <div class="login">
        <div class="login-con">
            <span class="close"></span>
            <div class="agreement">
                <p class="title">声明与政策</p>
                <div class="contain">
                    <p class="welcome">欢迎您来到小米有品！</p>
                    <p>我们依据最新法律法规要求，制定并更新了<span>《隐私政策》</span>、
                        <span>《小米有品用户协议》</span>以及<span>《小米帐号使用协议》</span>。
                    </p>
                    <p>您需阅读并同意相关政策条款方可进行登录。</p>
                </div>
                <div class="btn-con">
                    <button class="agree">同意并继续</button>
                    <button class="n-agree">不同意</button>
                </div>
            </div>
        </div>
    </div>

    <script src="../libs/requirejs/require.js" data-main="../js/cart"></script>
    <script type="text/html" id="cart-temp">
        {{each cart item}}
        <div class="item" data-info="{{item}}">
            <div class="select">
                <input type="checkbox" class="check">
            </div>
            <div class="img">
                <img src="{{item.image}}" alt="">
            </div>
            <div class="name">
                <span>{{item.title}}</span>
            </div>
            <div class="g-price">
                <span>￥ {{item.price}}</span>
            </div>
            <div class="num">
                <button class="cut">-</button>
                <input type="num" value="{{item.amount}}" class="int-num">
                <button class="add">+</button>
            </div>
            <div class="sum">
                <span>￥ {{(item.price * item.amount).toFixed(2)}}</span>
            </div>
            <div class="del" >
                <i class="d-btn" data-id="{{item.id}}"></i>
            </div>
        </div>
        {{/each}}
    </script>
</body>

</html>